Este menú horizontal es muy vistoso, lo he tomado prestado del blog de nuestro buen amigo César.
Para añadirlo a nuestro blog nos situaremos en Plantilla/Edición HTML.
Después de <head> /añadiremos lo siguiente:


<style type='text/css'>
#chromemenu{
width: 100%;
font-weight: bold;
font-size: 90%;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}

#chromemenu ul{
border: 5px double #660000;
width: 99%;
background-color: #000000; center
center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #cccc66 ;
padding: 5px;
margin: 10;
text-decoration: none;
border-right: 3px double #660000;
}

#chromemenu ul li a:hover{
background-color: #660000; center
center repeat-x;
}

</style>


(en esta parte de código es donde podemos cambiar el color del menú)


Una vez guardados los cambios nos dirigimos a; Añadir un elemento de página/HTML Javascript donde añadiremos lo siguiente:


<div id="chromemenu">
<ul>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
</ul>
</div>

(En esta parte es donde podemos añadir los enlaces y el texto que será visible)


Jose, a secas

¿Rizamos el rizo? (¿Otra vez? :P )

¿Si añado dos elementos HTML/Javascript se crearan dos menús horizontales? Lo pregunto por la cantidad de apartados que tengo en eCulinariae y no van a caber en un solo menú.

Un saludo

Responder
Remy

hola de nuevo si soy yo su mejor amigo :D, oye gem@ los códigos que subes son de mucha ayuda para mi blog y también para la escuela ya que estoy estudiando ingeniería en informática :P, bueno lo que te quería pedir es que si me puedes agregar y bueno también los que quieran XD laposadadelmuerto@hotmail.com.

Bueno me gustaría compartir códigos y también dudas con muchos de ustedes ojala y me agreguen :P

de nuevo felicidades muy buen blog

Responder
Gem@

JmpaSrgc ya me estás tentando (voy a probar y te cuento..)

Remy pues me alegra mucho que sea este un espacio donde recurrir para tus estudios :)
(Guardo tu correo) Gracias :)

Responder
JGM

Hola Gema. Aunque nunca he dejado comentarios todos los dias paso por aca y sin dudapongo en practica tus consejos,un reflejo de ello es mi blog jeje.

En mi sitio toditiko.com te deje algo que puedes parar por el cuando quieras, es un pequeño reconocimiento, espero y te des una vueltita por ahi.

Saludos

Responder
Anónimo

Gema requiero tu ayuda. Mi problema es que me hice una barra de botones con el programa web button menu maker. Quedaron bastante bien. Pero cuando saco el codigo me aloja las imagenes de los botones en mi disco duro. La pregunta es: como enlazo esas imagenes si las subo a imageshack o bien al mismo blogger. Que parte del codigo debo modificar. Lo he revisado varias veces y no logro hacerlo. Mi email por si prefieres preguntarme mas es esepulvedag@mail.com
saludos
eduardo

Responder
Gem@

JmpaSrgc te he dejado un comenatrio en el blog y un enlace para que veas un efecto de lo que me decías.

JGM te lo agradezco de corazón aunque más que hacerte pensar te diera dolor de cabeza :)
GRACIAS

Eduardo no sé si ya lo habrás resuelto, por eso me gusta que me dejéis el enlace a vuestro blog porque al pasar unos días de vuestra consulta es probable que ya lo tengáis solucionado y también porque me puedo hacer una idea de como es vuestro blog o qué plantilla estáis usando.
Sobre la pregunta de añadir botones creados por ti lo veo muy difícil ya que es un script donde su contenido no da opción a aplicarle una imagen. Al menos yo he probado y no me ha dado resultado.
Lo que si puedes es adaptar ese script con los colores acordes a tu blog (yo lo hice de ejemplo para esta entrada pero puedes ver otra idea en este ejemplo que hice para el amigo JmpaSrgc.
También puedes crear un menú para incorporar las categorías del blog de esta forma.
Si necesitas más ayuda dame un poco de idea sobre lo que te gustaría hacer :)

Responder
la_miga

Hola, Gema!

He visitado muchas veces tu blog pero es la primera vez que me decido a escribir. Tengo una web http://brangelinaenespanol.blogspot.com que se ha convertido en una de las más populares dentro de mi fandom y estoy haciendo renovaciones, que cuando no tienes ni idea de html, css o cómo se llame esto :D es muy dificil. Buscando buscando te encontré ;)

He instalado el menú en horizontal tal como lo explicas en la entrada y me ha salido algo parecido (de lo que estoy muy orgullosa) pero rizando el rizo me gustaria que de cada tema se desplegaran más opciones (por ejemplo en vídeos: vídeos de Brad Pitt, Vídeos de Angelina Jolie, vídeos de ambos, vídeos de la película). Todos los códigos que he encontrado a mí no me funcionan (o se me desarma el layout o como si no hubiera cambiado nada)

Confío en que me puedas ayudar! :D

También, ya puestos a pedir, me gustaría saber si hay algún código para que los links arriba no cambien, es decir que si consulto mi archivo o voy a una entrada en concreto no se vea la url. Tal vez blogspot no te deje. Ni idea.

Te dejo mi email: brangelinaenespanol@gmail.com

Ah! Mis códigos son los viejos de blogger

Un saludito!

Noe

Responder
La Resistencia Libertaria

Gem@: antes que nada te anticipo mi ignorancia total en todo esto; pero se me dió por incluir un menú horizontal y siguiendo tus instrucciones me aparece el menú ... pero en la Sidebar! Por otra parte, no sé si tengo que "crear" antes las páginas donde va a linkear, porque clikeo y me vuelve a cargar siempre la misma página. ¿Me podés ayudar?
Te dejo mis datos por las dudas
www.laresistencialibertaria.bolgspot.com y la dir de mail es gpbian@yahoo.com.ar
Zancs!

Responder
Gem@

La miga ese menú no da opción de desplegar más submenús.
Quizás este es lo que estás buscando.
Por otra parte los enlaces los debes agregar donde dice "aquí-url"
La url de la barra del navegador no puedes modificarla, cada página es única en Internet.

La Resistencia... he visto que ya has arrastrado la etiqueta a su lugar ;)
Los enlaces los puedes agregar después o antes es indiferente
siempre que el código esté completo y agregues la url del enlace donde dice "aquí-url"
Repasa bien el código que lo tengas copiado correctamente y me dices si te resulta :)

Responder
La Resistencia Libertaria

Gem@, gracias por tu rta.
Si bien logré desplazar el menú a donde quería como bien vistes, el problema es que no sé cómo crear la url para pegar donde dice: "aqui URL".
¿Cómo hago? ¿Desde dónde se crea la dir? Millones de gracias como siempre.!

Responder
Gem@

La url no se crea, la url es la dirección que aparece en el navegador cuando abrimos una página.
Debes agregar la dirección de la página que deseas enlazar donde dice "aquí la url"
Donde dice "aquí texto" es el texto que va a aparecer en el menú y hará de enlace con la página que vas a enlazar.
Suerte La Resistencia .... ;)

Responder
Alejandro

Hola gema mi pregunta es si yo quiero donde pone para poner el link, poner la direccion de otra pagina web que tengo que hacer. Es que pongo la direccion de la pagina web que quiero poner y me pone ademas de mi direccion, la que yo he puesto, y claro me dice que nose encuentra la pagina.
Me podrias ayudar??
si para ti no es ningun pproblema me escribes a http://pasionsevillista.blogspot.com
y si no0 pues me lo pones por aqui
Gracias

Responder
Gem@

Alejandro no entiendo como aparece tu url y la que añades debes poner sólo la url de la página que deseas enlazar donde dice:
<li><a href="AQUÍ LA URL">texto</a></li>

Responder
Anónimo

hola gema, quisiera saber como hacer para tener un menu como el que tenes vos de manera vertical es posible ese me encanto...

Responder
Gem@

Bienvenida lizi claro que es posible, puedes seguir los pasos de esta entrada
Si te surgen dudas házmelo saber ;)

Responder
Keane Arica♥

Gema dime por favor cómo hago para poner una url a el menu horizontal!!

a mi me gustaria tener una entrada por pestaña!! en una poner videos, en otra fotos, etc!! pero sin salirme
de mi blog... que siempre sea mi blog...

por favor ayudame Gema!!
keane_153_hope@hotmail.com

muchas gracias desde ya!!

Responder
Gem@

:::keane Arica::: es muy sencillo, primero etiquetas las entradas, luego creas el menú.
Al final donde hay que añadir los enlaces hacemos lo siguiente:
Como tenemos etiquetadas las entradas clicamos sobre una categoría, nos mostrará ese cartelito que dice Mostrar todas las entradas con (EL NOMBRE DE LA CATEGORÍA)
Cuando nos muestra todas las entradas de una misma categoría copiamos la url que aparece en la barra del navegador y la agregamos como url de la página en los enlces. Luego añadimos el texto que corresponde con la url que añadimos.
Ejemplo... Vídeos lo enlazamos con la url del navegador cuando nos muestra todas las entradas de vídeos.

Si no ha quedado muy claro házmelo saber ;)

Responder
Keane Arica♥

me quedó muy claro xD
muchisimas gracias tenia esta duda desde hace mucho tiempo con otro blog que yo me habia hecho y por eso quice iniciar este que tengo ahora!!
muchas gracias!! :D

cuidate mucho! ;D

Responder
Gem@

Estupendo keane ;)

Responder
alejandra

no funciona

Responder
Gem@

Si que funciona Alejandra, todo lo que ves en este blog lo he probado antes de darle salida a la entrada, las imágenes son ejemplos del resultado. Repesa los pasos a seguir por si cometiste algún error sin darte cuenta :)

Responder
Anónimo

Gem@.
Gracias por la ayuda, en realidad tu blog es muy didactico y me ayudo en mucho.
El unico problema que tengo esque no se como eliminar el restante espacio que no necesito en la cabecera de mi blog.
atte.
paulino
www.renejoaquino.blogspot.com

Responder
Gem@

¿A qué espacio en concreto te refieres Paulino?

Responder
//Vikingos

ola gem@... te keria pedir muxa ayuda :P... el problema es q como yo soi muy nuevo en esto .. llevo como 2 dias...keria pedirte como puedo agregar un menu flash a mi blog...he intentado con muxos programas pero el problema es q cuando el programa me da el archivo html... no lo puedo cargar en mi pagina..

si me puedes ayudar te lo agradeceria...
almas_libre@msn.com

y mi pagina:http://vikingosrugbyclub.blogspot.com/

si alguien tiene alguna sugerencia.. no tenga duda en q se las voia aceptar... mi pagina es sobre un ekipo de rugby...para q ojala sus sugerencias sean con gadgets temas u otras herramientas

Responder
Admin

Hola, otra vez por acá :D Hace rato que quiero hacer un menú horizontal, pero con los mismos botones y códigos que tengo en los botones naranjas de Te Propongo, los que están en la sidebar, que dicen: panel, enlaces, inicio y categorías, los quiero poner como un elemento de página arriba de los artículos, pero me quedan uno debajo del otro, como puedo hacer para que queden uno al lado del otro?? :o Tengo que poner todo ese código en la plantilla o hay otro modo mas sencillo??

Besos ;)

Responder
Gem@

Hola //Vikingos necesito saber qué menú deseas aplicar o en su defecto el código que debes añadir.
Para más facilidad déjame la url de la web indicándome el menú escogido ;)

k_nelita para el menú en la parte de arriba de las entradas debes añadir el código html en un elemento de página justo encima de las entradas, si no te deja arrastrar el de la sidebar deberás crear uno
Si no dejas espacios entre los códigos de los botones quedarán en la misma línea.
No olvido lo de tus imágenes k_nelita es que no me ha dado tiempo y es algo laborioso.

Responder
Admin

Gracias gem@, justamente por eso te lo proponía, porque hace unos días me apareció la opción de poner un elemento de pagina sobre los post, así que no tenía que arrastrar nada, era solo pegar el código de los botones, pero me salían uno debajo del otro, ya está lo logré, en parte gracias a vos con tu sugerencia, pero la cuestión no era dejar espacio entre los botones, sino quitarselo y centrar todo junto, así quedó, lo único es que al clickar sobre uno de los botones (cualquiera) se baja, no se porque será, pero igual queda muuuucho mejor que en la sidebar, cuando tengas tiempo fijate.
Ahh... ahora releyendo tu comentario, veo que me decías eso, que le quitara el espacio, si seré bruta... había entendido al revés... que pedazo de boba!
Bueno al final igual lo logré gracias gemit@!!

Y lo de las imagenes estoy al pendiente, se que no es fácil, pero tampoco ha de ser tan difícil no?
Olvidate de miarroba, y fijate como puedo poner esas imagenes en la sidebar y el main, no puede ser que no me las tome, tendré que modificarles medidas? :O
Besoteeeees!! ;)

Responder
Gem@

K_nelita creo que te contesté a este comentario con un mail no estoy :(

Responder
Anónimo

Olaaa Gem@ sabes que yo tengo un menu y queria saber si en un menu le puedo poner 2 o mas entradas juntas???????????????

me puedes ayudar porfavor
chaooooooooooooooooooo

Responder
Anónimo

Holis Gema! Tengo una pregunta, pero no sé si va aquí jejee.. ¿Cómo puedo diferenciar (con otro color) el Inicio del menú con el resto?

De atte. muchas gracias :)

Responder
Gem@

Huachipato ¿te refieres a enlaces? me temo que no, cada enlace necesita una url, y las urls son direcciones únicas.
Si lo que deseas enlazar son entradas del blog lo que si puedes hacer es unificar las dos entradas. Crear una sola con las dos.

Sidhe todo depende del menú, algunos tienen efecto hover y eso hace que cambie de color al pasar el puntero. Otros resaltan una pestaña del resto en un color diferente (por ejemplo el mio)
Debería ver tu menú y te cuento... ;)

Responder
Gem@

Sidhe tiene el mismo efecto para todas las pestañas :(

Responder
Anónimo

Entonces no se puede cambiar? ahh que pena! Bueno será.. Gracias igual :)
Kisses

Responder
Gem@

Este que tienes ahora no Sidhe, pero si los hay con el efecto qu eme comentas. También tengo que reconocer que no he probado, si quieres mándame el enlace de donde lo bajaste y lo instalo en mi blog de pruebas.

Responder
Anónimo

¿De donde baje el menu GEma? Pues venia en la plantilla, yo sólo lo arregle.

A ver si me puedes ayudar, esto es lo que tengo:

/* Menu */
#mainmenu{
height:22px;
background: url(http://img170.imageshack.us/img170/9159/66229090ao6.jpg);
font-weight:bold;
display:block;
padding:9px 0 3px 15px;
margin-left:105px;
margin-right:105px;
font-variant:small-caps;
font-family:century gothic,Verdana,sans-serif;

}
#mainmenu ul {
margin:0px;
padding:0px;

}

#mainmenu ul li {
margin:0px;
list-style:none;
float:left;
margin-left:8px;
font-size:13px;

}

#mainmenu ul li a {
text-decoration:none;
color:#000000;
padding:3px;
padding-left:22px;
padding-right:22px;
position:relative;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;

}

#mainmenu ul li a:hover, #mainmenu ul li a.active {
color:#ae0000;
background-color:#000000;
text-decoration:none;

}

#mainmenu ul li a span {
display:none;
}

#mainmenu ul li a:hover span, #mainmenu ul li a.active span{
display:inline;
position:absolute;
right:-1px;
top:0px;

Gracias
Bye

Responder
Ymarena@gmail.com

Hola, por favor espero me puedas ayudar, coloque un menu en mi blog http://ymarena.blogspot.com/ y no se como crear la pagina a la que le estoy haciendo referencia en el menu. Como creo una pagina?
por ejemplo: http://ymarena.blogspot.com-fotos.....
Agradecida por la ayuda

Responder
Gem@

Ymarena normalmente los menús constan de dos códigos uno que son los estilos y lo añadimos a la plantilla y otro que es un div que va como elemento de página.
En este último es donde van los enlaces, si los enlaces son externos bastará con añadir la url de la página, si deseas crear una página hay qe hacerlo como si fuera una entrada.
-Creas el contenido de esa entrada y le das salida.
-Haz clic en el título de la entrada.
-Copia la url que verás en el navegador y añádela a el código que añadiste como un elemento de página.
De esa forma cuando piques en el menú aparecerá esa entrada.
(Un ejemplo es mi menú puedes verlo si clicas en autora)

Responder
Maite

Por aquí sigo Gema.
He aplicado este menú intentado que se parezca lo más posible al que pusiste en la plantilla de "recipar" pero no hay manera, no queda mal pero no es lo que quería. He hecho desaparecer todas las lineas excepto las divisorias.
Me sale además la imagen de los botones verdes que están puestos por defecto en la plantilla de tic-tac (los puedes ver en "foros" por ejemplo) y no tengo opcion a quitarlos.
Quisiera un fondo transparente que no se cómo hacer... uf. Me echas una manita, please?
Como se podría poner sobre la foto de cabecera? Demasiadas preguntas :D perdonaaaaaa :D

Responder
Gem@

No son demasiadas Maite, lo que si es demasiada es la explicación para añadirla aquí mismo.
Te adelanto que el menú de Repicar consiste en esto:
<a href='url-de-home'>Home</a> | <a href='url-escritorio'> Escritorio</a> | <a href='url-perfil'>Perfil |</a>

Claro está con los enlaces y texto que tu añadas.
Situarlo sobre logo es sencillo bastaría con añadir estilos para ubicarlo.
Al contrario de lo que solemos hacer este menú no lo añadí como un gadget está incluido en la plantilla.
Lo que no entiendo es ¿lo vas a añadir a la plantilla antigua?

Responder
Maite

No es que no entiendas, es que te estoy volviendo loca :D
Lo quise probar ayer en el viejo de pruebas por saber cómo funcionaba, acabo de probarlo ahora en el de pruebas nuevo (el de la minima) y como gadget bajo la cabecera no me sale del todo mal. Sosito, ya probaré a darle estilos.
No creo que sea el definitivo, ya sabes ;)

Responder
Gem@

Ahora veo este comentario :)

Responder
marcelo meza

Querida Gem@, mil gracias!

Después de mucho buscar y buscar por la red, la solución que planteas para el menú horizontal es excelente. Estoy enormemente agradecido, de manera que esto me ayuda a aprender. Ojalá pueda, en breve, devolver tanta gratitud. (Cuando empiezo la tarea de un nuevo blog me gusta llegar al final con herramientas precisas)

Un saludo grande desde Bs. As. Argentina.

Marcelo
marce678@yahoo.com.ar

Responder
Gem@

Gracias por el comentario Marcelo, me alegra poder serte útil en algún momento :)

Responder
Juan F. Pumarol

Gem@. el menú horizontal lo instale e hice algunos ajustes, ahora para yo utilizarlos donde dice aqui la url como tengo que hacerlo ya que mi blog esta dedicado a la informaciones
http://worldnewsdaily24h. blogspot.com chequealo
miras el menu y como hago para escribir de económia enlasandolo con la parte del menu.

Responder
Gem@

yz Saludos Juan Pumarol, para poder enlazar el menú antes debes añadir etiquetas a las entradas.
Editamos la entrada y en la parte de abajo hay un enlace que dice:
Etiquetas:......Mostrar todo
Tienes que escribir el nombre de tu etiqueta, si añades más de una deben ir separadas por comas.
Si llegado al punto de editar una entrada la etiqueta que vas a añadir ya la tienes no es necesario escribirla de nuevo, bastaría con clicar donde dice "mostrar todo" y señalar la etiqueta que queremos.
Una vez tienes todas las entradas con su correspondiente etiqueta mira esta entrada donde explico con detalle como crear los enlaces en el menú.
http://gemablog-.blogspot.com/2009/02/anadir-enlazar-configurar-menus.html
Las explicaciones para tu menú a partir de donde dice:» Enlazar una categoría o etiqueta «

Responder
Anónimo

hola gema como estas??
el menu me queda en forma vertical y sin ningun color como puedo diseñarlo a mi estilo

Responder
Anónimo

gema ya lo arregle tenia un error, ahora lo que quiero es poner cada enlace de un diferente color como hago?

Responder
Gem@

yz Saludos Le Actif Project para darle estilos a los enlaces puedes hacerlo con la etiqueta span:
<span style="color: orangered; font-family: comic sans ms; font-size: 16px;">aquí el texto-enlace</span>

(Sustituye color, tipo de letra y tamaño por el que deseas y donde dice texto-enlace sustituyelo por tu enlace :)

Responder
Anónimo

ME SALE EL MENU VERTICAL Y LO PUSE HORIZONTAL

Responder
Gem@

yz Junior Tu Papa, tendría que ver ese ejemplo online :O

Responder
Saúl Sánchez Toro

Querida Gema:
He seguido todas las instrucciones para hacer el menu horizontal y no se donde me he equivocado porque el menu no me deja llegar hasta el final de los datos ingresados en nel submenu:
http://pionerosbibliotecologia.blogspot.com/

Que debo hacer? Gema...Helpppppppp!!!!

Responder
Gem@

yz Hola Saul siento ver tu comentario con tanta demora, si te digo la verdad lo vi primero en Vagabundia y el comentario me hizo pensar que tenía algo pendiente contigo.
De todas formas me alegro porque a lo tienes solucionado :)

Responder
Alejandro Reyes (Dj Retro)

Excelente, me funciono muy bien gracias:)

Responder
Gem@

:: Me alegra que funcionara Raffy Dj :D

Responder
Canelaytu

Podría hacer un menú horizontal debajo de la cabecera con 4 apartados, pero que en lugar de ser unos cuadrados tuviese 4 iconos iguales que suba yo? Y a ser posible que debajo de cada icono ponga el enlace al que lleva....
Igual es demasiado complicado...

Responder
Canelaytu

Lo de antes era una pregunta :D

No se si será un rollo para poder hacer.... Lo único que he modificado de la web lo he hecho con tus respuestas..... así que no estoy muy avanzada en HTML....

Responder
Gem@

:: No es un rollo y la verdad no recuerdo si hay algún menú al que se puedan añadir tus propias imágenes. Se puede probar a crear una tabla con dos celdas en la superior la imagen y en la inferior el texto con el enlace.
http://gemablog-.blogspot.com/2009/12/generador-de-tablas.html

Otra idea es utilizar los gadgets de imágenes como enlaces en la siguiente url se explica como hacerlo, sería necesario disminuir el tamaño de cada gadget para que se adaptara a tus imágenes
http://gemablog-.blogspot.com/2009/06/gadgets-de-imagen-para-enlaces.html
Puedes ver un ejemplo en el siguiente enlace pero con imágenes de gran tamaño:
http://forevergema.blogspot.com/
En tu caso se puede añadir el enlace al texto inferior.
Es cuestión de probar en otro blog con tu misma plantilla y ver la forma que te resulta más fácil y acorde con el resultado.

Responder
Anónimo

hola gema ya me he pasado varias veces por tu blog y me gusta mucho, oye que plantilla usas??
esque quisiera poner mi blog asì, ademas estoy intentanto poner un menu horizontal y no puedo, no me deja el blogger. :'(...agradecerìa mucho que te pasaras por mi blog para que me explicaras como poner un menu horizontal.:D

Responder
Gem@

:: Mi plantilla es la Minima de Blogger (la blanca) con bastantes cambios :O
Y la mejor forma de añadir un menú al menos la que menos trabajo da y resulta más útil es esta:
http://gemablog-.blogspot.com/2009/08/menu-con-variables-de-fuentes-y-colores.html

Responder
Emilio

Mil gracias :D

Responder
Gem@

:: A ti por comentar MilioX :)

Responder
Mr. Chapter

Hola! :)
weno ya te envie un correo pero por si las moscas:
me gustaria saber cual es el codigo de tu barra horizontal
pues llevo un tiempo intentando ponerlo como el tuyo(pero en negro),jugando con los codigos,etc.
y no lo consigo
¿Podrias ayudarme?

Responder
Gem@

:: No tengo un sistema concreto de menú simplemente añadí los enlaces y luego le di estilo, pero puedes guiarte con esta entrada que el resultado es el mismo luego arrastras el gadget hasta el lugar deseado y listo :)

Responder
Gem@

:: Me olvidé dejarte la url de las explicaciones :S
http://gemablog-.blogspot.com/2009/08/menu-con-variables-de-fuentes-y-colores.html

Responder
Unknown

Hola Gem@, muy bueno acabo de aprender algo nuevo porque yo antes ponia los dos codigos dentro del html! y no creando un widget, ahora tengo una pregunta, porque pones el codigo css dentro de esto

style type='text/css'
.:. codigooooooooooooooo
/style

y no dentro del

b:skin ![CDATA[
.:. codigo cssssssss
]] /b:skin

Suponiendo las cosas , es porque esta en un widget? pero al estar asi como sabe a q widget pertenece porque no tiene ningun identificador como los id o class, otra suposicion xD , acaso es porque esta dentro de la zona donde esta el codigo al que hace referencia al css , en este ejemplo en la parte del head, es asi? xD

y por ultimo tengo un problemilla, como podria arreglarlo, cuando estas en el home de mi blog el titulo sale con un color x y cuando estas en un post el titulo sale en color negro, yo quisiera que siempre salga con el color.

Aca mi blog con este error -> http://todocovers.blogspot.com/

Muchas Muchas gracias! y esta super tu blog!!

Responder
Gem@

:: Jhony Page no tiene nada que ver que los estilos que añadimos sean para un widget, en un principio se añaden así cunado renombramos unos estilos o simplemente para no cargar demasiado el inicio de la plantilla.
Sabemos perfectamente a qué gadget se añaden los estilos porque si te fijas en el html del gadget añadimos un id (identificador) con un nombre en este caso "chromemenu" <div id="chromemenu"> y en los estilos el mismo nombre #chromemenu :)

En los estilos de tu blog veo que tienes comentadas algunas líneas y eso quiere decir que no surtirán el efecto esperado, por ejemplo:

#header {
margin: 07px;
border: 1px solid #cccccc;
text-align: left;
/* color:#666666;*/
height: 150px;
font-family:time new roman;
text-transform:Capitalize;
}

Cuando añadimos /* -------- */ es para comentar algo es decir como tener un apunte o para informar o recordar a qué parte de la plantilla pertenecen esos estilos.
Es fácil encontrarlo de esta forma:
/* Outer-Wrapper
---------------------*/
eso nos dice que los estilos que hay a continuación pertenecen a Outer-Wrapper, o esta otra:
text-align: left; /* con eso añadimos el texto a la izquierda */

Eso es a modo de información, no hace que cambie nada pero nos ayuda a localizar algo.

Lo que yo haría sería limpiar un poco eso que te comento y luego vemos los colores del título que los puedes modificar en:
#header h1 ahí verás el color tal y como se muestra en la página de Home.

#header a aquí va el color del título en las individuales.

#header a:hover y aquí el color al pasar el cursor (efecto hover)

Responder
Unknown

Muchas gracias por la explicacion!!! Tu blog,el de JMiur y el de Rosa son los que mas visito!!

Responder
Unknown

Hola Gem@! necesito tu ayuda...nadie es capaz de contestarme a la pregunta, aunque yo creo que no debe ser muy difícil. Ahí va, ¿Cómo hago para poner imágenes en la parte inferior del blog? Quiero poner algunos link en la parte inferior, unas 6 imagnes para ser exactos...Te pongo un link como ejemplo: http://bitelia.com/. Como podrás ver al final de la página tiene colocado imágenes como "patrocinadores". Eso es justo lo que quiero. GRACIAS DE ANTEMANO

Responder
Gem@

:: Organizadores eso es tan sencillo como añadir una tabla en un gadget del footer, dentro de la tabla puedes ordenar los botones o clasificarlos.
Si no tienes gadget en el footer mira la siguiente entrada:
http://gemablog-.blogspot.com/2007/06/aadir-elementos-en-pgina-de-diseo.html
Este generador de tablas es muy útil:
http://gemablog-.blogspot.com/2009/12/generador-de-tablas.html

Responder
Unknown

me preguntaba se este menu se le podria agregar submenus :S

PD: de todas las paginas que he visitado fuiste quien mejor explico, gracias.

Responder
blog de cruceros

Hola Gem,
He realizado un menú en nuestro blog:
http://www.blogdecruceros.blogspot.com/

Al clicar en las opciones del menú, me lleva a otra página y me dice que "no la encuentra o no existe".
Me gustaría que cada sección fuera una página independiente, y que cuando clique en noticias, éstas estén publicadas ahí.
Qué parte de código y dónde me falta?
Un saludo.

Responder
Gem@

:: blog de cruceros para que la url enlazada sea la correcta debe ser la url que visualizamos en la barra del navegador cuando vemos el post o página completa.
Si lo que deseas es que una pestaña te muestre todas las entradas con la etiqueta noticias deberías marcar sobre esa etiqueta en una entrada cualquiera y la url que verás en la barra del navegador será la que añades al menú enlazando "noticias" de esa forma te mostrará todo con esa etiqueta ;)

Responder
blog de cruceros

@Gem@
Hola Gema,
Eso lo entiendo pero no sé cómo hacerlo. Es dcir, debo crear una "Etiqueta"? Al escribir una noticia ¿cómo la llevo a esa pestaña? Te entiendo pero no sé como hacerlo.
Un saludo.

Responder
Gem@

:: Todas las entradas deben llevar su etiqueta al ser editadas, es muy útil para la navegación y localización de entradas.
Una vez añadimos la eiqueta y le damos salida a la entrada nos situamos en el blog página principal y marcamos sobre la etiqueta que deseamos mostrar la relación de entradas.

La uro de la barra del navegador será el enlace, es lo que hará que se muestren todas las entradas con una misma etiqueta.

Responder
blog de cruceros

@Gem@
Hola Gema,
Eso justamente es lo que no sale. Al editar la entrada, metemos la etiqueta y la publicamos, pero en nuestro menú al clicar no aparecen esas entradas.
Podrías por favor ver nuestro blog y decirnos donde está el error. Necesitamos meter algún "html" por algún lado?
Un saludo.

Responder
Gem@

:: blog de cruceros veamos, hay que enlazar la etiqueta en el menú, al añadir la etiqueta no sale automáticamente en el menú.

Empecemos por el principio ok?

Cogemos por ejemplo la última entrada "SAN PETERSBURGO: ENCANTADORA CIUDAD" tiene las etiquetas: capitales bálticas, empress, pullmantur cruceros, reportajes ok?

Hacemos clic sobre la etiqueta reportajes y en la barra del navegador aparece esto:

http://blogdecruceros.blogspot.com/search/label/reportajes

Lo copiamos y lo tenemos a mano, luego vamos al código del menú que dice algo así como:

<a title="Reportajes y Entrevistas" href="http://www.blogdecruceros.blogspot.com/reportajes.html">REPORTAJES</a>

Lo que ves en negrita es el sitio donde tenemos que añadir la url que tenemos copiada de la barra del navegador, es decir sustituimos http://www.blogdecruceros.blogspot.com/reportajes.html por
http://blogdecruceros.blogspot.com/search/label/reportajes

De esa forma cada vez que marques sobre la pestaña del menú que dice reportajes nos mostrará todas las entradas con esa etiqueta.
Con el resto de enlaces del menú más de lo mismo.






http://blogdecruceros.blogspot.com/search/label/pullmantur%20cruceros

Responder
Gem@

:: Esa última línea (al final) no le hagas caso la tenía copiada y olvidé eliminarla :S

Responder
blog de cruceros

@Gem@
Hola Gema,
MUCHAS GRACIAS... Sólo una pregunta más.. hay alguna forma de que una pestaña contenga más de una etiqueta?
Un saludo.

Responder
Gem@

:: En ese caso un menú desplegable sería lo ideal no se puede añadir más que un enlace a cada etiqueta pero te dará más posibilidades para enlazar varias etiquetas ocupando menos espacio.
Mira este de Vagabundia:
http://vagabundia.blogspot.com/2010/02/menu-desplegable-con-css3.html

Responder
Venus Tarot

Hola Gema
Hace mas de un año coloque este menu en mi blog.
Pero ahora no se ve en Internet Explored. En otro navegador si. Por favor te prodrias dar una vueltita? pues, me estoy volviendo loca.
lasrevelacionesdeltarot.blogspot.com

mi correo lauraplr1126@yahoo.es

Besos

Responder
Gem@

:: Lamento la demora en responder Venus, estuve mirando con Explorer y si que se ve el menú auqnue no demasiado bien, yo intentaría añadiendo los estilos justo después de ]]></b:skin> y algo muy importante es actualizar el navegador a las últimas versiones :)

Responder
Unknown

Hola Gema, bon dia.
Estoy diseñando este blog para un amigo y no consigo con el menu desplegable seleccionar el submenu. Solo me deja el primer submenu.

http://adelperello.blogspot.com.es/

Gracias de nuevo.

adelperello

Lo he solucionado. Gracias de todas formas.

Responder
adelperello

Ya puestos, haces el favor de mirar mi cabecera. No logro darle el margen derecho para igualar con el resto del blog.

Gem@

Añade un valor para el ancho y así no sobra esa parte:
#HTML1 {
background: none repeat scroll 0 0 #414141;
margin-top: 0;
width: 870px;
}

adelperello

Muchas gracias y que fácil lo haces.

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top